window.onload = function () {

    // 主要部分
    (function () {
        $('.sp-card ul li').on('mouseenter', function () {
            $(this).stop().animate({
                top: -17
            }, 300);
        })
        $('.sp-card ul li').on('mouseleave', function () {
            $(this).stop().animate({
                top: 0
            }, 200);
        })

        $('.sp-card ul li').on('click', function () {
            $('.sp-once').eq($(this).index() + 1).slideDown(600).siblings().hide();
            $('body,html').stop().animate({
                scrollTop: 550
            }, 600);
        })
    }());

    // footer底部
    (function () {
        $('.number').on('mouseenter', function () {
            $(this).children('img').stop().fadeIn(100)
        })

        $('.number').on('mouseleave', function () {
            $(this).children('img').stop().fadeOut(100)
        })
    }())

}